<!doctype html>
<html lang="en">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta http-equiv="content-language" content="zh-CN" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name="author" content="杭州博采网络科技股份有限公司-http://www.bocweb.cn" />
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>产品-普通</title>
		<link href="favicon.ico" rel="shortcut icon">
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/product_plain.css" />
		<link rel="stylesheet" href="plug/swiper/swiper-4.2.0.min.css" />
		<script src="js/public/self.js"></script>
		<script src="js/public/dist_min.js"></script>
		<script src="plug/layer_mobile/layer.js"></script>
		<script src="js/public/fun_main.js"></script>
		<script src="plug/swiper/swiper-4.2.0.min.js"></script>
	</head>

	<body>
		<div id="app" v-cloak>
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<a>
							<img src="img/product_plain_banner.png" />
						</a>
					</div>
				</div>
				<div class="swiper-pagination"></div>
			</div>
			<div class="slide-box">
				<div class="overivew-box" v-show="nav_item == 1">
					<p class="overivew-title">LED路灯BPR330新农村户外防水灯景观庭院灯家用小区路灯 ------ 小区庭院建设 农村改建项目 国际品牌</p>
					<p class="overivew-size">型号 : RJ-DH-82610</p>
					<p class="overivew-intr">
						技术参数 : 固定式LED灯具（吊式/吸顶式，LED模块用电子控制装置，Ⅰ类，IP20，F标记 型号: LED路灯 灯身材质: 铝 颜色分类: 暖白光-4000K 灯罩材质: 铝 工艺: 其他/other 功率: 16W(含)-20W(含) 光源类型
					</p>
				</div>
				<div class="details-box" v-show="nav_item == 2" v-html='product_details'>
				</div>
				<div class="file-box" v-show="nav_item == 3">
					<ul class="file-list">
						<li><img src="img/plain_icon1.png" /><p>EXCEL文件</p></li>
						<li><img src="img/plain_icon2.png" /><p>ZIP文件</p></li>
						<li><img src="img/plain_icon3.png" /><p>PDF文件</p></li>
						<li><img src="img/plain_icon4.png" /><p>WORD文件</p></li>
						<li><img src="img/plain_icon5.png" /><p>其他文件</p></li>
					</ul>
				</div>
				<div class="video-box" v-show="nav_item == 4">
					<div class="video-maskbox" v-for="item,index in video_lists" v-on:click="Playod(index)" >
						<video src="plug/video/mp4.mp4" class="video">您的浏览器不支持 video 标签。</video>
						<div class="video-mask" v-show="oldplay !== index"></div>
					</div>
				</div>
			</div>
			<div class="plain-nav">
				<ul>
					<li :class="{ plain_nav_active : nav_item == 1 }" v-on:click="nav_change(1)">
						产品概览
					</li>
					<li :class="{ plain_nav_active : nav_item == 2 }" v-on:click="nav_change(2)">
						产品介绍
					</li>
					<li :class="{ plain_nav_active : nav_item == 3 }" v-on:click="nav_change(3)">
						相关文件
					</li>
					<li :class="{ plain_nav_active : nav_item == 4 }" v-on:click="nav_change(4)">
						相关视频
					</li>
				</ul>
			</div>
			<!--<div class="video-playod" v-show='isplay'>
				<video src="plug/video/mp4.mp4" controls="controls" >您的浏览器不支持 video 标签。</video>
			</div>-->
		</div>
		<script src="js/public/main.js"></script>
		<script src="js/page/product_plain.js"></script>
	</body>

</html>